@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0;}
body { position: relative; font-size: 13px; font-family: tahoma,Helvetica; color: #2b2c2f; background:#fff; }
a { color: #2b2c2f;  text-decoration: none; outline: none; }
a:hover { color:#d3222a; text-decoration: underline; }
a img { vertical-align: middle; border: none;}
input, select, textarea { font-family: tahoma,Helvetica; color: #2b2c2f; outline:none; }
fieldset { border: none;}
table, td, th { border-collapse: collapse;}
textarea { resize: none; font-family: tahoma; font-size: 13px; border: none; background: none;}
input { font-family: tahoma; border: none; background: none;}
input[type=submit] { cursor: pointer;}
ul, li, ol { list-style-type: none; }

article, figure, section, footer, aside, header, hgroup, nav, .separator { display: block; }

::selection { color:#fff; background:#d3222a; }
::-moz-selection { color:#fff; background:#d3222a; } 

.search-content:after, .search-result:after,
.main-search p:after,
.search-result header:after,
.sidebar aside>div:after,
body>footer>div:first-child+div:after,
[class*="_fchild"][class*="-fl"]:after, 
[class*="_child"][class*="-fl"]:after, 
[class*="_child"][class*="-grid"]:after, 
.separator:after, .pt-switch:after, 
[class*="_self"][class*="-clearfloat"]:after,
[class*="_child"][class*="-clearfloat"]>*:after, 
[class*="_self"][class*="-grid-12"]:after, 
[class*="sidebar"]:after,
.follow-us:after
{ display:block; content:" "; clear:both; }

.truehit { position:absolute; }

.wrapper { width:940px; margin:0 auto; padding:0 10px; }
.logo { background-image:url(../di/logo01a.png); background-repeat:no-repeat; float:left; margin-right:15px; }
.logo>a { display:block; text-indent:-9999px; }

/* button & icon */
.main-search input[type="submit"],
.follow-us [class^="btn-"]>a
 { background-image:url(../di/btn-set01.png); background-repeat:no-repeat; }
 
.sidebar [class*="side-"]>h2>a,
.sidebar [class*="side-"]>p>a
 { background-image:url(../di/ico-set01.png); background-repeat:no-repeat;  }

.main-search { float:left; position:relative; }
.main-search p { margin-bottom:10px; }
.main-search input[type="text"] { font-family: tahoma,Helvetica; background:#fff; border:1px solid #d6d6d6; padding:5px 10px; margin-right:10px; float:left; border-radius:3px; box-shadow:0 0px 1px #d6d6d6; font-size:100%; }
.main-search input[type="text"]:focus { border:1px solid #bbb; }
.main-search input[type="submit"] { color:#fff; padding:8px 20px; width:90px; font-family:sukhumvitreg; font-weight:400; text-indent:-9999px; line-height:0; font-size:0; border-radius:3px; box-shadow:0 0px 1.5px #000; background-color:#d3222a; }
.main-search input[type="radio"] { margin-right:10px; }

.follow-us { position:absolute; font-family:sukhumvitreg; font-weight:400; }
.follow-us span { float:left; }
.follow-us [class^="btn-"] { border-left:1px solid #fff; }
.follow-us [class^="btn-"]>a { display:block; text-indent:-9999px; height:35px; }
.follow-us .btn-fb { border-left:0; }
.follow-us .btn-fb>a { background-color:#2d5f9a; background-position:center -89px; }
.follow-us .btn-tweet>a { background-color:#66cbf9; background-position:center -145px; }
.follow-us .btn-gplus>a { background-color:#eb4026; background-position:center -205px; }
.follow-us .btn-pin>a { background-color:#d3222a; background-position:center -262px; }

.search-option {  }
.search-option label { font-family:sukhumvitreg; font-weight:400; }
.search-option span { padding:0 15px; }

/* page */
.search-content { padding: 190px 10px 215px; position:relative; height:50%; }
.search-content .logo { width:142px; height:140px; margin-left:70px; }
.search-content .logo>a { height:140px; }

.search-content .main-search { margin-top:40px; width:620px; }
.search-content .main-search input[type="text"] { width:80%; height:33px; font-size:140%; }
.search-content .main-search input[type="submit"] { height:44px; background-position:center 12px; }
.search-content .search-option { width:520px; text-align:center; }
.search-content .search-option label { font-size:140%; }
.search-content .search-option span { font-size:120%;  }

.search-content .follow-us { bottom:30px; right:10px; font-size:120%; }
.search-content .follow-us [class^="btn-"]>a { width:36px; }
.search-content .follow-us span:first-child { margin-right: 10px; height:20px; padding:15px 0 0; display:block; }

.search-result { padding-bottom:10px; }
.search-result .logo { width:60px; height:60px; background-position:0 -191px; }
.search-result .logo>a { height:60px; }
.search-result header { padding:15px 0; position:relative; }
.search-result h1 { position:absolute; left:-9999px; top:0; }

.search-result .follow-us { right:0; top:15px; border:1px solid #d6d6d6; width:298px; font-size:140%; }
.search-result .follow-us [class^="btn-"]>a { width:50px; }
.search-result .follow-us span:first-child { padding:5px 8px 5px 12px; height:25px; width:75px; }

.search-result .main-search input[type="text"] { width:425px; height:24px; }
.search-result .main-search input[type="submit"] { height: 35px; background-position:center 7px; }

.search-result .search-option label { font-size:120%; }
.search-result .search-option span { font-size:110%;  }

.result-iframe { width:618px; float:left; margin-right:20px; border:1px solid #d6d6d6; overflow:hidden; margin-bottom:20px; }
.full { width:100%; }

.sidebar { float:left; width:300px; }
.sidebar [class*="side-"] { background:#fff; position:relative; border:1px solid #d6d6d6; margin-bottom:20px; padding-top:57px; }
.sidebar [class*="side-"]>h2 { background:#d3222a; font-family:sukhumvitreg; font-weight:400; position:absolute; height:58px; top:-1px; left:-1px; width:101%; }
.sidebar [class*="side-"]>h2>a { color:#fff; display:block; height:45px; padding-top:13px; font-size:140%; text-decoration:none; line-height:130%; }
.sidebar [class*="side-"]>p { text-align:right; padding:10px; border-top:1px solid #d6d6d6; }
.sidebar [class*="side-"]>p>a { background-position: right -297px; padding-right:15px; font-size:90%; }
.sidebar [class*="side-"]>p>a:hover { background-position: right -326px; }
.sidebar [class*="side-"]>article { padding: 10px; }
.sidebar [class*="side-"]>article h3 { font-weight:100; font-size:130%; line-height:140%; }
.sidebar [class*="side-"]>article h3 img { vertical-align:middle; }
.sidebar [class*="side-"]>article h3>a { color:#; }

.sidebar .side-guru h2>a { background-position:0 10px; padding-left:74px; }
.sidebar .side-dic h2>a { background-position:0 -106px; padding-left:85px; }

@media only screen and (max-device-width : 1024px) { 
	/* button / icon */
	.main-search input[type="submit"] { background:#d3222a url(../di/x2/search.png) center 6px no-repeat!important; background-size: 47px 19px!important; }
	.follow-us .btn-fb>a { background-position:center 11px; background-image:url(../di/x2/facebook.svg); }
	.follow-us .btn-tweet>a { background-position:center 11px; background-image:url(../di/x2/twitter.svg);  }
	.follow-us .btn-gplus>a { background-position:center 11px; background-image:url(../di/x2/googleplus.svg); }
	.follow-us .btn-pin>a { background-position:center 11px; background-image:url(../di/x2/pinterest.svg); }
	
	.sidebar .side-guru h2>a { background-image:url(../di/x2/book.svg); background-position:25px 10px; }
	.sidebar .side-dic h2>a { background-image:url(../di/x2/book2.svg); background-size:45px 45px;  background-position:25px 5px; }
	
	.sidebar [class*="side-"]>p>a, .sidebar [class*="side-"]>p>a:hover { background-image: url(../di/x2/arrow-icon.png); background-size: 5px 5px; background-position: right 8px; }
}

@media only screen and (max-width : 959px) { 

	input[type="text"] { -webkit-appearance: none; }
	.main-search input[type="radio"] { border:1px solid #d6d6d6; }

	.wrapper { width: 96%; padding-left:2%; padding-right:2%; }
	.logo { background-size: 100%; }
	
	.search-result .logo { background-position:0 0; }
	
	.follow-us { position:relative; clear:both; right:auto!important; bottom: auto!important; }
	.search-content .follow-us { margin-top:40px; float:left; width:100%; text-align:center; }
	.search-content .follow-us span { float:none; display:inline-block; padding:0 }
	.search-content .follow-us span:first-child { float:none; margin-bottom:20px; margin-right:0; }
	
	.result-iframe { width:100%; margin: 20px 0; -moz-box-sizing: border-box; box-sizing: border-box; }
	.sidebar { width:100%; }
	.sidebar [class*="side-"]>h2 { width:100.5%; }
	.search-result .follow-us { border:0; }
	.follow-us [class^="btn-"]>a { width:40px!important; height:40px!important; }
	
	.follow-us [class^="btn-"] { margin-right:5px; }
	.follow-us [class^="btn-"]:last-child { margin-right:0; }
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.search-content { height:235px; padding-top:100px; }
	.search-content .logo { margin-left:4%; width: 110px; }
	.logo>a { height:100px; }
	
	.search-content .main-search { width:77%; margin-top:25px; }
	.search-content .main-search input[type="text"] { width:74%; }
	.search-content .search-option { width:78%; }
	
	.search-result .main-search { width: 88%; } 
	.search-result .main-search input[type="text"] { width:80%; }
	
	.sidebar [class*="side-"] { width: 48.5%; }
	.sidebar .side-guru { float:left; }
	.sidebar .side-dic { float:right; }
	
	.search-result header { padding-top: 30px; }
	.search-option { text-align:center; width:93%; }
	
	.search-result .follow-us { float:left; width:100%; text-align:center; }
	.search-result .follow-us span { float:none; display:inline-block; }
	.search-result .follow-us span:first-child { float:none; width:100%; padding:0; margin-bottom:20px; margin-right:0; display:block; }
	
}

@media only screen and (max-width: 767px) {
	
	body { font-size: 97.5%; }
	
	.search-content { padding: 20px 0 40px; height:auto; }
	.logo { float:none!important; width:60px; height:60px; }
	.logo>a { height:60px; }
	
	.search-content .logo {  margin:0 auto; }
	.search-result .logo { margin: 0 auto 20px; }
	
	.search-content .search-option label { font-size:120%; }
	.search-content .search-option span { font-size:110%;  }
	
	.search-content .main-search { margin-top:20px; }
	.main-search { width:100%!important; float:none!important; clear:both; }
	.search-option { width:100%!important; text-align:center; }
	.main-search p:first-child { position:relative; margin-bottom:20px; }
	.main-search input[type="text"] { width:100%!important; height:35px!important; padding-right:90px!important; -moz-box-sizing: border-box; box-sizing: border-box; }
	.main-search input[type="submit"] { height: 35px!important; position:absolute; right:0; top:0; box-shadow:0; border-radius:0 3px 3px 0; }
	
	.search-result header { padding-top: 20px; }
	.search-result .follow-us { float:left; width:100%; text-align:center; }
	.search-result .follow-us span { float:none; display:inline-block; }
	.search-result .follow-us span:first-child { float:none; width:100%; padding:0; margin-bottom:20px; margin-right:0; display:block; }
	
	.search-result .follow-us { font-size:120%; }
	
	.sidebar [class*="side-"]>h2>a { font-size:120%; line-height: 130%; }
	.sidebar [class*="side-"]>p>a { font-size:100%; }
	
}